<template>
	<view class="mf-pt">
		<view class="mf-pt-head">
			<navigator url="/" class="mf-pt-back"></navigator>
			<view class="mf-pt-title">跑腿</view>
			<view class="mf-pt-tel"></view>
		</view>
		<view class="mf-pt-wrap">
			<textarea class="mf-pt-text" value="" placeholder="描述您想办的事,（买什么，送什么，取什么，办什么）" />
			<view class="mf-pt-upload" @click="upload">+</view>	
		</view>
		<view class="mf-pt-wrap mf-pt-co mf-pt-delivery">
			<view class="mf-pt-co-title mf-pt-delivery-title">取货地址（可选）</view>
			<view class="mf-pt-co-btn">点击获取地址&gt;</view>
		</view>
		<view class="mf-pt-wrap mf-pt-co mf-pt-delivery">
			<view class="mf-pt-co-title mf-pt-delivery-title">送达地址</view>
			<view class="mf-pt-co-btn">点击获取地址&gt;</view>
		</view>
		<view class="mf-pt-wrap mf-pt-co mf-pt-date">
			<view class="mf-pt-co-title mf-pt-date-title">期望时间</view>
			<view class="mf-pt-co-btn">尽快&gt;</view>
		</view>
		<view class="mf-pt-wrap mf-pt-co mf-pt-price">
			<view class="mf-pt-co-title mf-pt-price-title">跑腿费</view>
			<view class="mf-pt-co-btn">￥0&gt;</view>
		</view>
		<view class="mf-pt-wrap mf-pt-co mf-pt-tip">
			<view class="mf-pt-co-title mf-pt-tip-title">小费（打赏提速）</view>
			<view class="mf-pt-co-btn">&gt;</view>
		</view>
		<view class="mf-pt-car">
			<view class="mf-pt-car-price">￥0</view>
			<view class="mf-pt-car-btn">立即支付</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			upload(){
				uni.chooseImage({
					count: 6, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function (res) {
						console.log(res)
						console.log(JSON.stringify(res.tempFilePaths));
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.mf-pt-tel {
		z-index: 9;
		position: absolute;
		bottom: -110upx;
		left:10upx;
		width:180upx;
		height: 90upx;
		background-image: url('');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.mf-pt-car-price{
		flex:1;
		box-sizing: border-box;
		padding-left: 70upx;
		color:#ff5a00;
		
	}
	.mf-pt-car-btn{
		width:310upx;
		color:#fff;
		background-color:#ff5a00;
		text-align: center;
	}
	.mf-pt-car{
		display: flex;
		position: fixed;
		left:0;
		bottom:0;
		right:0;
		height: 110upx;
		background-color: #fff;
		font-size:16px;
		font-weight: bold;
		line-height: 110upx;
	}
	.mf-pt-tip-title{
		background-image: url("");
		background-size: 35upx 28upx;
	}
	.mf-pt-price-title {
		background-image: url("");
		background-size: 40upx;
	}
	.mf-pt-date-title {
		background-image: url("");
		background-size: 30upx;
	}
	.mf-pt-co .mf-pt-co-btn{
		color:#ff5a00;
	}
	.mf-pt-co .mf-pt-co-title {
		padding-left:70upx;
		background-position: 24upx center;
		background-repeat: no-repeat;
		color:#696969;
	}
	.mf-pt-delivery-title{
		background-image: url("");
		background-size: 28upx 34upx;
	}
	.mf-pt-co {
		display: flex;
		justify-content: space-between;
	}
	.mf-pt-text {
		padding-top: 30upx;
		width:100%;
		height:190upx;
		color:#666;
		box-sizing: border-box;
	}
	.mf-pt-upload {
		border: 3px dashed #dbdbdb;
		height:124upx;
		text-align: center;
		font-size: 60px;
		color:#dbdbdb;
		line-height: 124upx;
		border-radius: 6px;
	}
	.mf-pt {
		font-size:14px;
		min-height: 100vh;
		padding-bottom: 184upx;
		background-color: #efefef;
		box-sizing: border-box;
	}
	.mf-pt-wrap {
		width: 700upx;
		margin:0 auto 30upx;
		border-radius: 6px;
		background-color: #fff;
		padding: 30upx 20upx;
		box-sizing: border-box;
	}
	.mf-pt-head {
		position: relative;
		height: 156upx;
		margin-bottom:60upx;
		background-image: url('');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.mf-pt-back {
		position: absolute;
		top:50%;
		left:42upx;
		margin-top:-30upx;
		width:30upx;
		height:60upx;
		background-image: url("");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	.mf-pt-title {
		line-height: 156upx;
		text-align: center;
		font-size:20px;
		color:#fff;
	}
</style>
